<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib prefix="f" uri="http://java.sun.com/jsf/core"%>
<%@ taglib prefix="h" uri="http://java.sun.com/jsf/html"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Visualização de anúncio</title>
</head>
<body>
	<f:view>
		<h1>
			<h:outputText value="#{gerenciadorAnuncios.anuncio.titulo }"></h:outputText>
		</h1>
		<h:outputText value="#{gerenciadorAnuncios.anuncio.resumo }"
			style="display: block; font-weight: bold; margin-top: 10px; font-style: italic; margin-bottom: 10px"></h:outputText>
		<h:outputText value="#{gerenciadorAnuncios.anuncio.texto }"
			style="display: block; margin-bottom: 10px; margin-top: 10px"></h:outputText>
		<h3>
			<h:outputText value="Comentários:" style="margin-top: 10px"></h:outputText>
		</h3>
		<h:dataTable border="1"
			rendered="#{not empty gerenciadorAnuncios.anuncio.listaComentarios }"
			value="#{gerenciadorAnuncios.anuncio.listaComentarios }"
			var="comentario">
			<h:column id="comentarioMensagem">
				<h:outputText value="#{comentario.nome }"
					style="display: block; font-weight: bold; width: 428px"></h:outputText>
				<h:outputText value="#{comentario.mensagem }"
					style="display: block; font-style: italic"></h:outputText>
				<h:outputLink value="responderComentario.jsp" rendered="#{gerenciadorAnuncios.podeResponderComentarios }">
					<f:param id="idcomentario" name="idcomentario"
						value="#{comentario.id }"></f:param>
					<h:outputText value="Responder"></h:outputText>
				</h:outputLink>
				<h:dataTable border="1" value="#{comentario.respostas }"
					var="resposta" rendered="#{not empty comentario.respostas }" style="margin-left: 5px; display: block">
					<h:column id="column1">
						<h:outputText value="#{resposta.nome }"
							style="display: block; font-weight: bold; width: 395px"></h:outputText>
						<h:outputText value="#{resposta.mensagem }"
							style="display: block; font-style: italic"></h:outputText>
					</h:column>
				</h:dataTable>
			</h:column>
		</h:dataTable>
		<h:outputText
			rendered="#{empty gerenciadorAnuncios.anuncio.listaComentarios }"
			value="Nenhum comentário ainda."
			style="display: block; margin-top: 10px; font-style: italic; margin-bottom: 10px"></h:outputText>
		<h:form>
			<h4>Comente você também:</h4>
			<h:inputHidden id="id" value="#{gerenciadorAnuncios.anuncio.id}"></h:inputHidden>
			<h:panelGrid border="0" columns="3">
				<h:outputText value="Nome"></h:outputText>
				<h:inputText id="nome"
					value='#{gerenciadorAnuncios.comentario.nome}'
					style="width: 230px;" required="true"
					requiredMessage="Você precisa preencher o seu nome"></h:inputText>
				<h:message for="nome" style="color:red;"></h:message>
				<h:outputText value="Comentário"></h:outputText>
				<h:inputTextarea id="comentario"
					value="#{gerenciadorAnuncios.comentario.mensagem }"
					style="width: 230px; height: 100px; " required="true"
					requiredMessage="Preencha seu comentário"></h:inputTextarea>
				<h:message for="comentario" style="color:red;"></h:message>
			</h:panelGrid>
			<h:commandButton value="Enviar comentário"
				action="#{gerenciadorAnuncios.enviarComentario}"
				style="margin-top: 20px;margin-bottom:10px"></h:commandButton>
		</h:form>
		<h:form>
			<h:commandLink action="index"
				style="margin-top: 10px; display: block">
				<h:outputText value="< Voltar"></h:outputText>
			</h:commandLink>
		</h:form>
	</f:view>
</body>
</html>